.page-userInfo{
    overflow: hidden;
    background: url("./assets/images/bg2.png") no-repeat top center;
    background-size: 100% auto;
    .userInfo{
        &__container{
            width: rem(700);
            margin: rem(60) auto rem(72);
            box-shadow:0px 3px 2px 0px rgba(0,0,0,0.04);
            border-radius:2px;
            overflow: hidden;
            .yd-cell-left{
                font-size:15px;
                font-family:PingFangSC-Regular;
                font-weight:400;
                color: #333;
            }
            .yd-cell-right{
                font-size:15px;
                font-family:PingFangSC-Regular;
                min-height: 0.8rem;
                color: #666;

            }
        }
    }

    .user-headImg{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: rem(34) 0;
        width: rem(128);
        height: rem(128);
        border-radius: 50%;
        overflow: hidden;
        >img{
            max-width: 100%;
            max-height: 100%;
        }
    }

    .btn-logout{
        display: block;
        width: rem(700);
        margin: 0 auto rem(20);
        line-height: rem(88);
        background-color: #cacaca;
        border-radius:2px;
        border: none;
        font-size:15px;
        font-weight:400;
        color: #fff;
    }

    .i-goIndex{
        position: fixed;
        z-index: 10;
        right: rem(46);
        bottom: rem(180);
        font-size: 44px;
        color: #fb8123;
        text-shadow: 0 2px 4px rgba(#fb8123,.7);
    }
}
